<template>
    <view class="page-head flex flex-a-c">
        <image
            src="../../assets/images/icons/arrow-right.png"
            class="arrow-left back"
            style="width:48rpx;height: 48rpx;opacity: 0.9;"
            mode="scaleToFill"
            @click="back"
        />
        <text class="fs-36 bold">{{title}}</text>
        <view class="extra">
            <slot name="extra"></slot>
        </view>
      </view>
</template>
<script>
export default {
    props:{
        title:{
            type:String,
            default:''
        }
    },
    methods: {
        back(){
            uni.navigateBack()
        }
    },
}
</script>
<style lang="less" scoped>
@import url('../../assets/styles/common.less');
.page-head{
    width: 100vw !important;
    // background: red;
}
</style>